// map.js
import QQMapWX from '../../../utils/qqmap-wx-jssdk.min.js'
let qqmapsdk = new QQMapWX({
  key: 'JE7BZ-4TSAU-7GRVC-GTNUE-GODZ2-CJBEU'
});

Page({
  data: {
    // 模拟：
    latitude: 40.060539,
    longitude: 116.343847,
    markers: [
      {
        id: 1,
        latitude: 40.060539,
        longitude: 116.343847,
        width: 24,
        height: 30,
      },
      {
        id: 2,
        latitude: 40.08346500000002,
        longitude: 116.33293800000011,
        iconPath: '/static/images/marker.png',
        width: 40,
        height: 40,
      },
    ],
  },
  onLoad(e){
    getApp().checkLogin()
    this.getData(e.id)

    qqmapsdk.direction({
      mode: 'bicycling',
      from: '40.060539,116.343847', // 从自己位置出发
      to: '40.08346500000002,116.33293800000011', // 到家里去位置
      success: (res) => {
        const coords = res.result.routes[0].polyline
        const points = []
        // 坐标解压（返回的点串坐标，通过前向差分进行压缩）
        for (let i = 2; i < coords.length; i++) {
          coords[i] = Number(coords[i - 2]) + Number(coords[i]) / 1000000
        }
        //将解压后的坐标放入点串数组pl中
        for (let i = 0; i < coords.length; i += 2) {
          points.push({ latitude: coords[i], longitude: coords[i + 1] })
        }
        // 设置polyline属性，将路线显示出来,将解压坐标第一个数据作为起点
        this.setData({
          polyline: [
            {
              points,
              color: '#5591af',
              width: 4,
            },
          ],
        })
      },
      fail: function (error) {
        console.error(error)
      },
    })
  },
  
  async getData(id){
    let {data} =  await wx.http({
      url:'/repair/' + id
    })
    this.setData({
      ...data
    })
  },

  // 点击取消按钮：出现弹窗
  cancel(){
    this.setData({
      dialogVisible:true
    })
  },
  // 点击弹窗确认：真实取消
  async dialogClose(e){
    if (e.detail==='confirm') {
      await wx.http({
        url:'/cancel/repaire/' + this.data.id,
        method:'PUT'
      })

      wx.redirectTo({
        url: '/repair_pkg/pages/list/index',
      }); 
    }
  },
  
  // 去修改
  goUpd(){
    wx.navigateTo({
      url: '/repair_pkg/pages/form/index?id=' + this.data.id,
    })
  }
})







// 地图：
//    1、真实业务：显示当前要维修房子的坐标  【!】
//                显示现在师傅的位置（实时） 【!】
//                  1。需要经纬度
//                  2、工人师傅端：经纬度来自工人师傅那端
//                  3、实时：定时器
//                显示：师傅 ---->维修房子 路径规划【需要调用地图服务包】

//    2、模拟：
//        1、地图中心点位置
//        2、打marker点  
//        3、polyline：设置地图上的线

